<template>
  <view class="container">
    <view class="cont-title">
      <view class="cont-title-text">{{ props.childProp.title }}</view>
      <fui-icon name="close" @click="close" class="icon-close" :size="50"></fui-icon>
    </view>
    <view class="cont-img">
      <image :src="props.childProp.imgUrl" />
      <image :src="props.childProp.imgUrl1" v-show="props.childProp.type == 'ID'" />
    </view>
  </view>
</template>

<script setup>
  const props = defineProps({
    childProp: Object
  });
  // 点击关闭按钮
  const close = () => {
    
  }
</script>

<style lang="scss">
 
  .container{
    position: absolute;
    width: 80%;
    padding: 32rpx 40rpx;
    box-sizing: border-box;
    font-family: PingFang SC, PingFang SC;
    color: #333333;
    background-color: #fff;
    border-radius: 24rpx;
   
    .cont-title{
      position: relative;
      text-align: left;
      .icon-close{
        position: absolute;
        right: -24rpx;
        top: -20rpx;
      }
    }
    .cont-img{
      margin-top: 40rpx;
      
      image{
        width: 100%;
        height: 360rpx;
        margin-bottom: 20rpx;
      }
    }
  }
  

</style>
